<template>
    <div id="information">
      <p>工号：<span>{{loginAllInfo.number}}</span></p>
      <p>姓名：<span>{{loginAllInfo.name}}</span></p>
      <p>性别：<span>{{loginAllInfo.sex}}</span></p>
      <p>岗位：<span>{{loginAllInfo.job.name}}</span></p>
    </div>
</template>

<script>
    export default {
        name: "Information",
      data(){
          return{
            loginAllInfo:[],
          }
      },
      methods:{
          getData(){
            this.loginAllInfo=JSON.parse(sessionStorage.getItem('loginAllInfo'));
            // console.log(this.loginAllInfo)
          }
      },
      created() {
        this.getData()
      }
    }
</script>

<style scoped lang="less">
  #information{
    width: 600px;
    /*border: 1px solid crimson;*/
    margin: 60px auto;
    h1{
      text-align: center;
    }
    p{
      margin: 20px 0;
      font-size: 20px;
      font-weight: bolder;
    }
  }
</style>
